<template>
  <el-menu
    :default-openeds="['1', '3']" style="min-height: 100%; overflow-x: hidden"
    background-color="rgb(18,65,86)" text-color="#fff"
    active-color="#ffd04b" :collapse-transition="false"
    :collapse="isCollapse"
    router
  >
    <div style="height: 60px; line-height: 60px; text-align: center">
      <img src="../assets/logo.png" alt=""
           style="width: 20px; position: relative; top: 5px; margin-right: 5px"/>
      <b style="color: white" v-show="logoTextShow">问答库</b>
    </div>
<!--    <el-menu-item index="1">-->
<!--      <template slot="title">-->
<!--        <i class="el-icon-house"></i>-->
<!--        <span slot="title">问答库管理</span>-->
<!--      </template>-->
<!--    </el-menu-item>-->
    <el-menu-item index="/reply">
      <template slot="title">
        <i class="el-icon-message"></i>
        <span slot="title">知识问答</span>
      </template>
    </el-menu-item>
    <el-menu-item index="/administrator">
      <template slot="title">
        <i class="el-icon-user"></i>
        <span slot="title">用户管理</span>
      </template>
    </el-menu-item>
  </el-menu>
</template>

<script>
  export default {
    name: "Aside",
    props: {
      isCollapse: Boolean,
      logoTextShow: Boolean
    }
  }
</script>

<style scoped>

</style>
